{% extends "shop/base.html" %}  <!-- 继承自 "shop/base.html" 模板，用于复用基本布局和样式 -->

{% block title %}  <!-- 定义标题块 -->
    Thank you  <!-- 设置页面标题为 "Thank you" -->
{% endblock %}

{% block content %}  <!-- 定义内容块 -->
    <h1>Thank you</h1>  <!-- 显示一级标题 "Thank you" -->
    <p>Your order has been successfully completed. Your order number is <strong>{{ order.id }}</strong>.</p>
    <!-- 显示一段文本，告知用户订单已成功完成，并显示订单号，订单号通过模板变量 {{ order.id }} 动态生成 -->
    <a href="{% url 'shop:product_list' %}">•Return to the home page</a>

    <!-- 创建一个链接，指向 "shop:product_list" URL，点击后返回主页，链接文本为 "•Return to the home page" -->
    <p></p>  <!-- 空段落，用于增加页面间距 -->
    <a href="{% url 'orders:orders' %}">•Show all your orders</a>

    <!-- 创建一个链接，指向 "orders:orders" URL，点击后显示所有订单，链接文本为 "•Show all your orders" -->
{% endblock %}  <!-- 结束内容块 -->
